<!DOCTYPE html>
<html xmlns:shiro="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="@{include}::header"></head>
<style>
    .layui-table-cell{
        height: auto!important;

    }
    select[xm-select] + div .layui-select-title > div.xm-select{
        height: 32px!important;
    }
</style>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <fieldset class="table-search-fieldset">
            <legend>搜索信息</legend>
            <form class="layui-form layui-form-pane" action="">
                <input type="hidden" id="shopId" name="shopId">
                <input type="hidden" id="deviceShowType" name="deviceShowType">
                .
                <input type="hidden" id="positionType" th:value="${positionType}" name="positionType">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">所属片区</label>
                        <div class="layui-input-inline">
                            <select id="pianquId" name="pianquId" class="layui-input" lay-search="" lay-filter="pianquId">
                                <option value="">所属片区</option>
                                <th:block th:each="d : ${pianquses}">
                                    <option th:value="${d.id}" th:text="${d.pianquName}"></option>
                                </th:block>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline" th:if="${positionType != null && positionType != undefined && positionType eq '2'}" >
                        <label class="layui-form-label">企业名称</label>
                        <div class="layui-input-inline">
                            <select style="height: 30px" id="shopIds" xm-select="select3" xm-select-type="3" xm-select-max="10" name="shopIds" lay-search="" class="layui-input">
                                <option value="">企业名称</option>
                                <th:block th:each="c : ${shopList}">
                                    <option th:value="${c.id}" th:text="${c.shopName}" ></option>
                                </th:block>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline" th:if="${positionType == null || positionType == undefined || positionType eq '1' || positionType eq '3'}">
                        <label class="layui-form-label">企业名称</label>
                        <div class="layui-input-inline">
                            <input type="text" id="shopName" name="shopName" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button type="submit" class="layui-btn layui-btn-primary  layui-btn-sm" lay-submit lay-filter="data-search-btn">
                            <i class="layui-icon"></i> 搜 索</button>
                    </div>
                    <div class="layui-inline">
                        <button type="submit" class="layui-btn layui-btn-primary  layui-btn-sm">
                            <a href="" target="_blank">单页打开</a></button>
                    </div>
                    <div class="layui-inline">
                        <label style="width: 100px;" class="layui-form-label">时间选择</label>
                        <div class="layui-input-inline" style="width:120px;">
                            <input type="text" name="search_date" id="search_date" placeholder="请选择时间" autocomplete="off" class="layui-input" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item" th:if="${positionType != null && positionType != undefined && positionType eq '1'}">
                    <div class="layui-inline">
                        <label class="layui-form-label">导出开始时间</label>
                        <div class="layui-input-inline" style="width:180px;">
                            <input type="text" name="export_date1" id="export_date1" placeholder="请选择时间" autocomplete="off" class="layui-input" />
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">导出结束时间</label>
                        <div class="layui-input-inline" style="width:180px;">
                            <input type="text" name="export_date2" id="export_date2" placeholder="请选择时间" autocomplete="off" class="layui-input" />
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">饲料名称</label>
                        <div class="layui-input-inline">
                            <select id="feedId" name="feedId" class="layui-input" lay-search="" lay-filter="feedId">
                                <option value="">请选择饲料</option>
                                <th:block th:each="d : ${feedList}">
                                    <option th:value="${d.id}" th:text="${d.feedName}"></option>
                                </th:block>
                            </select>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <a class="layui-btn layui-btn-sm"  onclick="exportTemData()">导出不合格数据</a>
<!--                        <button type="submit"  class="layui-btn layui-btn-primary  layui-btn-sm" onclick="exportTemData()">-->
<!--                            导出不合格数据</button>-->
                    </div>
                </div>
            </form>
        </fieldset>
        <div class="layui-container" style="width: 100%;padding: 0px">
            <div class="layui-row">
                <div class="layui-col-md4" style="height: 90vh">
                    <table class="layui-hide" id="exampleTable" lay-filter="currentTableFilter"></table>
                </div>
                <div class="layui-col-md8" style="height: 90vh;overflow: scroll">
                    <div class="row">
                        <div id="divTemp0" style="display: none">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>温度曲线</h5>
                                    <h5 id="showShopName" style="color: blue"></h5>
                                    <div class="ibox-tools">
                                        <a class="layui-btn layui-btn-xs" id="daySearch1" style="display: none" onclick="getTemperatureRecordData1(0,0,4)">今日</a>
                                        <a class="layui-btn layui-btn-xs" id="daySearch2" style="display: none" onclick="getTemperatureRecordData1(1,0,4)">7天内</a>
                                        <a class="layui-btn layui-btn-xs " id="nodeDaySearch1" style="display: none" onclick="getTemperatureNodeRecordData1(0,0,4)">今日</a>
                                        <a class="layui-btn layui-btn-xs " id="nodeDaySearch2" style="display: none" onclick="getTemperatureNodeRecordData1(1,0,4)">7天内</a>
                                        <!--                            <a class="layui-btn layui-btn-xs" onclick="getTemperatureRecordData(2)">本月</a>-->
                                    </div>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" id="echarts-line-chart-wendu0"></div>
                                </div>
                            </div>
                        </div>
                        <div id="divTemp1" style="display: none">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>温度曲线</h5>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" id="echarts-line-chart-wendu1"></div>
                                </div>
                            </div>
                        </div>
                        <div id="divTemp2" style="display: none">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>温度曲线</h5>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" id="echarts-line-chart-wendu2"></div>
                                </div>
                            </div>
                        </div>
                        <div id="divTemp3" style="display: none">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>温度曲线</h5>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" id="echarts-line-chart-wendu3"></div>
                                </div>
                            </div>
                        </div>
                        <div id="divTemp4" style="display: none">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>温度曲线</h5>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" id="echarts-line-chart-wendu4"></div>
                                </div>
                            </div>
                        </div>
                        <div id="divTemp5" style="display: none">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>温度曲线</h5>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" id="echarts-line-chart-wendu5"></div>
                                </div>
                            </div>
                        </div>
                        <div id="divTemp6" style="display: none">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>温度曲线</h5>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" id="echarts-line-chart-wendu6"></div>
                                </div>
                            </div>
                        </div>
                        <div id="divTemp7" style="display: none">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>温度曲线</h5>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" id="echarts-line-chart-wendu7"></div>
                                </div>
                            </div>
                        </div>
                        <div id="divDianliu">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>电流曲线</h5>
                                    <div class="ibox-tools">
                                        <a class="layui-btn layui-btn-xs"  onclick="getDianLiuRecordData1(0)">今日</a>
                                        <a class="layui-btn layui-btn-xs"  onclick="getDianLiuRecordData1(1)">7天内</a>
                                        <!--                            <a class="layui-btn layui-btn-xs" onclick="getDianLiuRecordData(2)">本月</a>-->
                                    </div>
                                </div>
                                <div class="ibox-content">
                                    <div class="echarts" id="echarts-line-chart-dianliu"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
<div th:include="@{include}::footer"></div>
<script type="text/javascript" th:src="@{/plugins/layui/formSelects-v3.js}"></script>
<script th:src="@{/js/plugins/echarts/5.4.2/echarts.js}"></script>
<script type="text/javascript" th:src="@{/js/appjs/module/device/node/shopNodeData.js?v=3}"></script>
</body>
</html>
